<template>
  <section class="partner-section">
    <div class="partner-header">
      <h2 class="partner-title">合作伙伴</h2>
      <p class="partner-subtitle">正与众多客户一起创造更多价值</p>
    </div>
    <div class="partner-logos">
      <div v-for="(item, index) in partnerLogos" :key="index" class="partner-logo-item">
        <img :src="item.src" :alt="item.alt" class="partner-logo" />
      </div>
    </div>
  </section>
</template>

<script setup lang="ts">
// 使用提供的图片链接作为所有合作伙伴Logo
const partnerLogos = [
  {
    src: 'https://images.health.ufutx.com/202506/23/9e8adafbca3355fb37a63ddc2ce5573b.png',
    alt: '安源玻璃'
  },
  {
    src: 'https://images.health.ufutx.com/202506/23/1aa6d57409ae8557e0fae47d20f2eefd.png',
    alt: '蟹尊享'
  },
  {
    src: 'https://images.health.ufutx.com/202506/23/56649b69b738d04d9a99cf386b88d61b.png',
    alt: '大连海洋大学'
  },
  {
    src: 'https://images.health.ufutx.com/202506/23/6be17a225cf2539354cbb396f314b86c.png',
    alt: '青柠檬教育'
  },
  {
    src: 'https://images.health.ufutx.com/202506/23/ffd7b2db7143e2d8796fd5ac145a95a6.png',
    alt: '骏德酒业'
  },
  {
    src: 'https://images.health.ufutx.com/202506/23/6c83747d195f69fcfc56aa1d2c20b16c.png',
    alt: '磐石投资集团'
  },
  {
    src: 'https://images.health.ufutx.com/202506/23/28c9c8eefbeb1968950539a2ad98ae28.png',
    alt: '华进（ACIP）'
  },
  {
    src: 'https://images.health.ufutx.com/202506/23/b12ce669ae4f2d1ff6ca839234723fda.png',
    alt: '纽斯葆广赛（NPGS）'
  },
  {
    src: 'https://images.health.ufutx.com/202506/23/abc344decb1d3208dbce771f05e7cf19.png',
    alt: '格林汇能（GLHN）'
  },
  {
    src: 'https://images.health.ufutx.com/202506/23/12b7a6e0a42da15a7e82532d03cb9e8a.png',
    alt: '友宏科技'
  }
]
</script>

<style scoped lang="less">
@import '@/styles/global.less';

.partner-section {
  width: 100%;
  text-align: center;
  background: #ffffff;
  .pt(50px);
  .partner-header {
    .mb(50px);
    .partner-title {
      font-size: @font-size-xxl;
      font-weight: @font-weight-bold;
      color: @text-color;
      margin-bottom: @space-sm;
    }

    .partner-subtitle {
      font-size: 20px;
      color: @text-color-secondary;
      .mt(20px);
    }
  }

  .partner-logos {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(286px, 1fr));
    gap: 27.5px;
    justify-items: center;
    .px(190px);
    .pb(50px);
    .partner-logo-item {
      width: 100%;
      //height: 80px;
      display: flex;
      align-items: center;
      justify-content: center;

      .partner-logo {
        object-fit: contain;
        transition: transform 0.3s ease;

        display: flex;
        width: 286px;
        justify-content: center;
        align-items: center;

        &:hover {
          transform: scale(1.1);
        }
      }
    }
  }
}

// 响应式适配
@media (max-width: @tablet-breakpoint) {
  .partner-logos {
    gap: @space-md;

    .partner-logo-item {
      height: 60px;
    }

    .partner-logo {
      max-height: 40px;
    }
  }
}
</style>
